<% layout('/layouts/default.html', {title: '轮播图管理', libs: ['dataGrid']}){ %>
<div class="main-content">
    <div class="box box-main">
        <div class="box-header">
            <div class="box-title">
                <i class="fa icon-notebook"></i> ${text('轮播图管理')}
            </div>
            <div class="box-tools pull-right">
                <% if(hasPermi('carousel:carousel:edit')){ %>
                <a href="${ctx}/carousel/carousel/form" class="btn btn-default btnTool" title="${text('新增轮播图')}"><i class="fa fa-plus"></i> ${text('新增')}</a>
                <% } %>
            </div>
        </div>
        <div class="box-body">
            <#form:form id="searchForm" model="${carousel}" action="${ctx}/carousel/carousel/listData" method="post" class="form-inline"
            data-page-no="${parameter.pageNo}" data-page-size="${parameter.pageSize}" data-order-by="${parameter.orderBy}">
            <div class="form-group">
                <label class="control-label">${text('状态')}：</label>
                <div class="control-inline width-120">
                    <#form:select path="carouselStatus" dictType="carousel_status" blankOptionLabel="全部" blankOption="true" class="form-control isQuick"/>
                </div>
            </div>
            <div class="form-group">
                <button type="submit" class="btn btn-primary btn-sm"><i class="glyphicon glyphicon-search"></i> ${text('查询')}</button>
                <button type="reset" class="btn btn-default btn-sm isQuick"><i class="glyphicon glyphicon-repeat"></i> ${text('重置')}</button>
            </div>
        </#form:form>
        <table id="dataGrid"></table>
        <div id="dataGridPage"></div>
    </div>
</div>
</div>
<% } %>
<script>
    //# // 初始化DataGrid对象
    $('#dataGrid').dataGrid({
        searchForm: $("#searchForm"),
        emptyDataHint: true,
        columnModel: [
            {header:'${text("轮播图")}', name:'carouselUrl', index:'a.carousel_url', width:150, align:"center", formatter: function(val, obj, row, act){
                    if (val) {
                        // 返回图片标签
                        return '<img src="${baseUrl}' + val + '" style="max-width:100px;max-height:60px;border-radius:4px;" />';
                    }
                }},
            {header:'${text("排序")}', name:'sort', index:'a.sort', width:150, align:"center"},
            {header:'${text("状态")}', name:'carouselStatus', index:'a.carousel_status', width:150, align:"center", formatter: function(val, obj, row, act){
                    return js.getDictLabel("#{@DictUtils.getDictListJson('carousel_status')}", val, '${text("未知")}', true);
                }},
            {header:'${text("创建时间")}', name:'createDate', index:'a.create_date', width:180, align:"center"},
            {header:'${text("操作")}', name:'actions', width:120, formatter: function(val, obj, row, act){
                    var actions = [];
                    actions.push('<a href="${ctx}/carousel/carousel/form?carouselId='+row.carouselId+'" class="btnList" title="${text("编辑轮播图详情")}"><i class="fa fa-pencil"></i></a>&nbsp;');
                    actions.push('<a href="${ctx}/carousel/carousel/delCarouseInfo?carouselId='+row.carouselId+'" class="btnList" title="${text("删除轮播图")}" data-confirm="${text("确认要删除该轮播图数据吗？")}"><i class="fa fa-trash-o"></i></a>&nbsp;');
                    return actions.join('');
                }}
        ],
        //# // 加载成功后执行事件
        ajaxSuccess: function(data){

        }
    });
</script>